/* GENERAL CONSIDERATIONS FOR A TIDY CSS STYLESHEET:

- Write your css rules in the corresponding section (sections are delimited by titles)
- Every page of the site, has already its own section marked with a title.
- Write your styles in the same order as the elements/content appear on the page.
- If you do not find the section because it is a new page, create it by copying and pasting one of the following titles,
 acording to your needs:*/


/*///////////////////////////////////////////////////////////////////////*/
/*--------------------------- MAIN SECTION TITLE ------------------------*/
/*///////////////////////////////////////////////////////////////////////*/

/*  - For every page that is descendent from HOME.
    - For pages that are important sections of the site and/or have sub-pages
    - Examples: About us, Membership, Srategic Programs ,header, footer, sidebar*/


/*-----------------------------------*/
/*------------ PAGE TITLE -----------*/
/*-----------------------------------*/
/*  For every single page
    Examples: Ambassador Network (About TM Forum), Current Memmbers(Membership).*/



/*----- Page Section -----*/

/*  - Use this titles for refering to specific sections of a single page
    - Write the styles in the same order as the elements appear on the page.
    - Example: first write styles for the title, then for the content, then for the footer;
    - This makes easier to find them */

/* END */

/*styles for "tmforum toolbox" elements page (do not delete/edit this)*/
h5.toolbox-title {background-color:black; color: #FFFFFF; text-align:center; padding:14px 10px; border-radius: 5px; text-transform: capitalize; margin-top: 40px; margin-bottom: 20px;}
h6.toolbox-description {display: inline-block; padding:5px 10px; color:black; font-weight:700; font-size: 20px; margin-bottom:16px; margin-top:16px; border: 1px solid #ccc; border-radius: 5px; }
.sidebar h6.toolbox-description {font-size: 14px; margin-bottom: 5px; margin-top: 30px;}
h6.toolbox-description span {color: black; font-weight:400; font-size:16px;}
span.toolbox-comment {font-size: 14px !important; color: red !important; margin: 10px; font-weight: 400;}
p.toolbox-note {font-size: 14px !important;color:#006fe8; }
p.toolbox-note:before {content:"note: ";}
div.separator {height: 20px;}



/*///////////////////////////////////////////////////////////////////////*/
/*----------------------------- GENERAL STYLES --------------------------*/
/*///////////////////////////////////////////////////////////////////////*/

h1, h2, h3, h4, h5, h6, p, dl { margin:0.8em 0 0.8em; }

/*do not delete this rules*/
#primary .container.group {background-color: #FFFFFF;}
.content-separator {padding: 15px; clear:both;}
.no-content-separator .content-separator {padding: 0px;}

/*floats & clears*/
.float-left {float:left;}
.row-fluid [class*="span"].float-right,
.float-right {float:right;}
.float-none {float:none !important;}
.clear-left {clear:left;}
.clear-right {clear:right;}
.clear-both {clear:both;}

/*displays*/
.block {display: block !important;}
.inline {display: inline !important;}
.inline-block {display: inline-block !important;}
.remove, div[class^="span"].remove {display: none;}
.absolute {position: absolute;}
.relative {position: relative;}

/*margin resets*/
.no-margin {margin:0 !important;}
.no-mt{margin-top:0 !important;}
.no-mr{margin-right:0 !important;}
.no-mb{margin-bottom:0 !important;}
.no-ml{margin-left:0 !important;}

/*padding resets*/
.no-padding {padding:0 !important;}
.no-pt {padding-top:0 !important;}
.no-pr {padding-right:0 !important;}
.no-pb {padding-bottom:0 !important;}
.no-pl {padding-left:0 !important;}

/*margins*/
.mt60 {margin-top:60px;}
.mb60 {margin-bottom: 60px;}

.margin30 {margin: 30px;}
.mt30 {margin-top:30px;}
.mr30 {margin-right:30px;}
.mb30 {margin-bottom:30px !important;}
.ml30 {margin-left:30px;}

.margin20 {margin: 20px;}
.mt20 {margin-top:20px;}
.mr20 {margin-right:20px;}
.mb20 {margin-bottom:20px;}
.ml20 {margin-left:20px;}

.margin15 {margin: 15px;}
.mt15 {margin-top:15px !important;}
.mr15 {margin-right:15px;}
.mb15 {margin-bottom:15px;}
.ml15 {margin-left:15px;}

.margin10 {margin: 10px;}
.mt10 {margin-top:10px;}
.mr10 {margin-right:10px;}
.mb10 {margin-bottom:10px;}
.ml10 {margin-left:10px;}

.margin5 {margin: 5px;}
.mt5 {margin-top:5px;}
.mr5 {margin-right:5px;}
.mb5 {margin-bottom:5px;}
.ml5 {margin-left:5px;}

/*paddings*/
.padding30 {padding: 30px;}
.pt30 {padding-top:30px;}
.pr30 {padding-right:30px;}
.pb30 {padding-bottom:30px;}
.pl30 {padding-left:30px;}

.padding20 {padding: 20px;}
.pt20 {padding-top:20px;}
.pr20 {padding-right:20px;}
.pb20 {padding-bottom:20px;}
.pl20 {padding-left:20px;}

.padding15 {padding: 15px;}
.pt15 {padding-top:15px;}
.pr15 {padding-right:15px;}
.pb15 {padding-bottom:15px;}
.pl15 {padding-left:15px;}

.padding10 {padding: 10px;}
.pt10 {padding-top:10px;}
.pr10 {padding-right:10px;}
.pb10 {padding-bottom:10px;}
.pl10 {padding-left:10px;}

/*tmf borders*/
.border {border:1px solid #e6e6e6;}
.border-top {border-top:1px solid #e6e6e6}
.border-right {border-right:1px solid #e6e6e6}
.border-bottom {border-bottom:1px solid #e6e6e6}
.border-left {border-left:1px solid #e6e6e6; padding-left: 10px}
.border-black {border-color:black;}
.no-border {border:none !important;}

.no-bt {border-top:none;}
.no-br {border-right:none;}
.no-bb {border-bottom:none !important;}
.no-bl {border-left:none;}

/*full-width*/
.full-width {width:100%;}
/*box-sizing*/
.border-size {box-sizing:border-box;}

hr {border-bottom:1px solid #E6E6E6 !important; border-top:0;}

/*special features*/
h6.fake-selector { border: 1px solid #ccc; border-radius: 5px; color: #4d4d4d; cursor: pointer; display: inline-block; font-size: 14px; font-weight: 300; margin-bottom: 16px; margin-top: 16px; padding: 10px 15px;}
h6.fake-selector:after { content: ' ▾' }

/*----------------------------------*/
/*--------- CUSTOM GRIDS -----------*/
/*----------------------------------*/
div.row-fluid .span-seventh {width:14%; margin:0;}
.valign {transform: translateY(50%); }


/*---------------------------------------------*/
/*--------- REVOLUTION SLIDER FONTS -----------*/
/*---------------------------------------------*/
/*This clases are to avoid using External fonts (Google Fonts) on the revolution slider.
Add this clases on to the text layers instead */

/*.rev_slider .open-sans {
  font-family: "Open Sans", "sans-serif" !important;
}
.rev_slider .roboto {
  font-family: "Roboto", "sans-serif" !important;
}
*/
/*------------------------------------*/
/*-------------- COLORS --------------*/
/*------------------------------------*/
/* light gray:    #FAFAFA   */
/* normal gray:   #e6e6e6;  */
/* medium gray:   #888888;   */
/* orange:        #ff7e2e;  */


/* DigitalDisruption:    #ff7e2e  */

/*------------------------------------*/
/*-------- BACKGROUND COLORS ---------*/
/*------------------------------------*/
.no-background { background:none !important;}
.back-white { background-color:#FFFFFF;}
.back-grey { background-color:#f4f4f4; }
.back-light-grey { background-color:#FAFAFA; }
.back-middle-grey { background-color:#A2A2A2; }

/*------------------------------------*/
/*-------------- IMAGES --------------*/
/*------------------------------------*/
.img-rounded {border-radius: 50%;}
.img-rounded-border {border-radius: 50%; border:3px solid #E6E6E6;}

/*------------------------------------*/
/*--------------- TEXT ---------------*/
/*------------------------------------*/
body {
    background-color: #fafafa;
    color:#4d4d4d;
    font-weight:300;
    font-size:16px;/*body font-size determines the default page font-size for working with percent or ems*/
    line-height:1.75em;}
a {
  font-family: inherit;
}


.center-text {text-align: center; }
.text-right {text-align: right;}
.light {font-weight:300;}

/*bigger size paragraphs*/
.font12px,
.font12px a {font-size:12px !important;}
.font14px {font-size:14px !important;}
.font16px {font-size:16px !important;}
.font18px {font-size:18px !important;}
.font20px {font-size:20px !important; line-height: 1.5em;}
.bold {font-weight:bold;}
.underline{text-decoration:underline;}

/*extra fixes to font sizes*/
.font20px a {font-size:inherit;}


p {
  margin: 0 0 1.73em 0;
  font-size:16px;
  font-weight:300;
  line-height:1.75em;
  color: #333;
}

/*small-print paragraph*/
p.small-print{
  font-size:0.857em;
  color: #888888;
  line-height:1.333em;
}
p.small-print img {
  display: block;
  margin-bottom: 8px;
}

/*infobox paragraph*/
.infobox{
  position: relative;
  padding:20px 30px 20px 90px;
  /*background:#f4f4f4 url(/wp-content/themes/sistina-child/images/info-symbol.png) 30px center no-repeat;*/
  background-color: #f4f4f4;
}
/*infobox as title*/
.infobox-as-title{
  position: relative;
  padding:10px 30px 10px 70px;
  /*background:#f4f4f4 url(/wp-content/themes/sistina-child/images/info-symbol.png) 30px center no-repeat;*/
  background-color: #f4f4f4;
}
/*shorter info box (doesn't use the whole width)*/
.small-infobox {
    /*background: url("/wp-content/themes/sistina-child/images/info-symbol.png") no-repeat scroll 15px center #f4f4f4;*/
    position: relative;
    display: inline-block;
    background-color: #f4f4f4;
    padding: 10px 30px 10px 60px;
}
.infobox:before,
.infobox-as-title:before,
.small-infobox:before {
  display: block;
  position: absolute;
  left: 12px;
  top: 10px;
  font-family: 'FontAwesome';
  content: '\f05a';
  color: #dd0031;
  font-size: 31px;
}

/*section close paragraph*/
p.close-section {position:relative; padding:16px 0; border-top:1px solid #e6e6e6; clear:left;}
p.close-section:before {background:#e6e6e6; top: -4px; left:0; content: ""; height: 8px; position: absolute; width: 60px;}

/*links*/
a {color:#ff7e2e; font-size:inherit; font-weight: inherit;}
a:hover {text-decoration:underline;}
#header a:hover {text-decoration:none;}
.font16px > a {
  font-size: inherit;
}

/*grey box*/
.grey-box {
  padding:20px;
  background:#fbfbfb;
  border:1px solid #e6e6e6;
  color:#4d4d4d;
  font-weight:400;
}
.grey-box.smaller p {
  font-size: 12px;
  line-height:20px;
  margin:0px;
}
.grey-box.no-border.smaller {
  font-size: 12px;
}
.grey-box.no-border {
  padding:20px;
  background:#f4f4f4;
  border:0;
}
.grey-box span {
  color:#000000;
}
/* box-highlight */
.content .box-highlight {

}

.content .box-highlight .box-title {
  background-color: #fff;
  color: #29313b !important;
  padding: 7px 5px;
  font-size: 18px;
  margin-bottom: 6px;
  font-weight: 900;
}

.content .box-highlight ul {
  padding: 0 6px;
  list-style-type: none;
  margin-bottom: 27px;
  margin-left: 0;
}

.content .box-highlight ul li:before {
  display: none;
}

.content .box-highlight ul li {
  position: relative;
  margin-bottom: 0;
  margin-left: 0;
  line-height: 1.75em;
  border-bottom: 1px solid #ccc;
  padding: 0 7px;
  margin-bottom: 12px;
}

.content .box-highlight ul li a {
  font-family: 'Minion Pro', Georgia, 'Times New Roman', serif;
  color: #333333;
  font-size: 18px;
  font-weight: inherit;
  font-style: italic;
}
.content .box-highlight ul li a:hover {
  text-decoration: underline;
}

.content .box-highlight .button {
  display: inline-block !important;
  margin-left: 5px;
}

.content .box-highlight .button:after {
  display: inline-block;
  font-family: 'FontAwesome';
  font-size: 15px;
  content: '\f178';
  padding-left: 6px;
}

/*return to previous page*/
a.return {position:relative; top:1px; margin-right:8px; font-size:0.857em; color:#888888;}
a.return:before {content:url(/wp-content/themes/sistina-child/images/return-arrow.png); position: relative; top: 1px; margin-right: 8px;}

/*font colors*/
.orange-text {color:#dd0031 !important;}
.grey-text {color:#666666 !important;}
.light-grey-text {color: #888888;}
.black-text {color:#000000 !important;}
.color-white{ color:#FFFFFF!important;}

/*font weights*/
.font100 {font-weight: 100 !important;}
.font200 {font-weight: 200 !important;}
.font300 {font-weight: 300 !important;}
.font400 {font-weight: 400 !important;}
.font500 {font-weight: 500 !important;}
.font600 {font-weight: 600 !important;}
.font700 {font-weight: 700 !important;}

/*regular titles with inner links*/
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a { font-family: inherit; font-weight:inherit; font-size:inherit; line-height:inherit; text-decoration: none !important;word-wrap: break-word; color:#133595;}

h1, .as-h1,
h2, .as-h2,
h3, .as-h3,
h4, .as-h4,
h5, .as-h5,
h6, .as-h6 {margin: 0 0 0.6em 0; word-wrap:break-word;}

/*sizes of links as titles */
.as-h1 a,
.as-h2 a,
.as-h3 a {font-size: inherit; }

/*links as titles*/
a.as-h1:hover,
a.as-h2:hover,
a.as-h3:hover {text-decoration: none; }

/*styled titles*/
h1.border-bottom, h2.border-bottom, h3.border-bottom, h4.border-bottom, h5.border-bottom, h6.border-bottom {padding-bottom: 1em;}
h1.has-border,h2.has-border,h3.has-border,h4.has-border,h5.has-border, h6.has-border, .has-border{padding-bottom:12px; border-bottom:1px solid #ccc; position: relative; margin-bottom: 30px;}
.has-border:after {background:#999; bottom: -3px; left:0; content: ""; height: 5px; position: absolute; width: 60px;}
.center-text.has-border:after {display:none;}
.has-border.orange-detail:after {background:#999; bottom:-3px; content: ""; height: 4px; position: absolute; width: 54px;}
h2.alternative, .as-h2.alternative {color:#133595;}
h3.alternative, .as-h3.alternative {color:#133595;}

/* dark link titles */
.dark_link_titles h1 a, .dark_link_titles h2 a, .dark_link_titles h3 a, .dark_link_titles h4 a, .dark_link_titles h5 a, .dark_link_titles h6 a { color:#4d4d4d;}
.dark_link_titles h1 a:hover, .dark_link_titles h2 a:hover, .dark_link_titles h3 a:hover, .dark_link_titles h4 a:hover, .dark_link_titles h5 a:hover, .dark_link_titles h6 a:hover { color:#133595;}

/*title before buttons (add class 'before button')*/
.before-button {float:left; margin-right:16px; position:relative; }

/*pre & code tags*/
pre {
  margin:0;
  padding: 20px;
  background-color: #fafafa;
  margin-bottom: 30px;
}
pre code {
  font-size: 14px;
  line-height: 20px;
}
pre code em {
  color: #dd0031;
}

/*Blockquote*/
blockquote {padding: 0;}

/*------------------------------------*/
/*-------- NUMBERS AS CONTENT --------*/
/*------------------------------------*/
/*repeat if needed */

.number-one, .number-two, .number-three, .number-four { padding-left:50px; position:relative;}
.number-one:before {
  background-color: #dd0031; border-radius: 50px; content: "1"; display: table-cell; font-size: 12px;
  font-weight: 700; height: 30px; left: 7px; line-height: 30px; position: absolute; text-align: center; top: -2px; width: 30px; color:#FFFFFF; }
.number-two:before {
  background-color: #dd0031; border-radius: 50px; content: "2"; display: table-cell; font-size: 12px;
  font-weight: 700; height: 30px; left: 7px; line-height: 30px; position: absolute; text-align: center; top: -2px; width: 30px; color:#FFFFFF;}
.number-three:before {
  background-color: #dd0031; border-radius: 50px; content: "3"; display: table-cell; font-size: 12px;
  font-weight: 700; height: 30px; left: 7px; line-height: 30px; position: absolute; text-align: center; top: -2px; width: 30px; color:#FFFFFF; }
.number-four:before {
  background-color: #dd0031; border-radius: 50px; content: "4"; display: table-cell; font-size: 12px;
  font-weight: 700; height: 30px; left: 7px; line-height: 30px; position: absolute; text-align: center; top: -2px; width: 30px; color:#FFFFFF; }


/*------------------------------------*/
/*-------------- BUTTONS -------------*/
/*------------------------------------*/
input[type=button],
input[type=submit],
button,
a.button, span.button,
.gform_wrapper .gform_footer input.button,
.gform_wrapper .gform_footer input[type=submit]
{
  background-color:#e0121d;
  border: none;
  color: #fff;
  display: inline-block;
  font-size: 15px;
  line-height: 18px;
  font-weight: 400;
  position: relative;
  text-transform: none;
  text-align: center;
  padding: 9px 18px;
  box-sizing: border-box;
}
.woocommerce-page a.button {
  background-color:#e0121d;
  box-shadow: none;
}

h1 a.button, h2 h1 a.button, h3 h1 a.button, .as-h1 a.button, .as-h2 a.button, .as-h3 a.button {
  margin-bottom: -5px;
}

/*bigger buttons*/
input[type=button].bigger,
input[type=submit].bigger,
a.button.bigger,
.gform_wrapper .gform_footer input.button.bigger,
.gform_wrapper .gform_footer input[type=submit].bigger {padding: 12px 26px;}

/*Normal buttons (gray background)*/
input[type=button].normal,
input[type=submit].normal,
a.button.normal,
input.button[type="submit"].normal {
  background-color:#29313b; color:#FFFFFF; border:none;
}
input.button[type="submit"]{
    font-weight: 700;
    padding: 9px 12px 8px;
}

/*Secondary buttons (white background / orange text)*/
input[type=button].secondary,
input[type=submit].secondary,
a.button.secondary {
  background-color:#FFFFFF; color:#ff7e2e; border:1px solid rgba(255, 126, 48, 1); padding: 7.9px 12px;
}
/*Secondary buttons on hover*/
input[type=button].secondary:hover,
input[type=submit].secondary:hover,
a.button.secondary:hover {
  box-shadow: 0px 2px 0px 0px rgba(211, 73, 15, 1);
  -moz-box-shadow: 0px 2px 0px 0px rgba(211, 73, 15, 1);
  -webkit-box-shadow: 0px 2px 0px 0px rgba(211, 73, 15, 1);
}
/*Success buttons (blue background / white text)*/
input[type=button].success,
input[type=submit].success,
a.button.success {
  background-color:#29abe2; color:#FFFFFF; border:none;
}
/*Success buttons on hover*/
input[type=button].success:hover,
input[type=submit].success:hover,
a.button.success:hover {
  box-shadow: 0px 2px 0px 0px rgba(0, 102, 153, 1);
  -moz-box-shadow: 0px 2px 0px 0px rgba(0, 102, 153, 1);
  -webkit-box-shadow: 0px 2px 0px 0px rgba(0, 102, 153, 1);
}

/*Danger buttons (blue background / white text)*/
input[type=button].danger,
input[type=submit].danger,
a.button.danger {
  background-color:#bc001e; color:#FFFFFF; border:none;
}
/*Danger buttons on hover*/
input[type=button].danger:hover,
input[type=submit].danger:hover,
a.button.danger:hover {
  box-shadow: 0px 2px 0px 0px rgba(102, 0, 0, 1);
  -moz-box-shadow: 0px 2px 0px 0px rgba(102, 0, 0, 1);
  -webkit-box-shadow: 0px 2px 0px 0px rgba(102, 0, 0, 1);
}

/*Transparent buttons (gray background)*/
input[type=button].transparent,
input[type=submit].transparent,
a.button.transparent {
  background-color:transparent; color:#FFFFFF; border:1px solid #FFFFFF;
}
/*Transparent buttons on hover*/
input[type=button].transparent:hover,
input[type=submit].transparent:hover,
a.button.transparent:hover {
  background-color:#FFFFFF;
  color: #A2A2A2;
  text-decoration: none;
  box-shadow: 0px 2px 0px 0px rgba(102, 102, 102, 1);
  -moz-box-shadow: 0px 2px 0px 0px rgba(102, 102, 102, 1);
  -webkit-box-shadow: 0px 2px 0px 0px rgba(102, 102, 102, 1);
}
/*Transparent buttons bigger*/
input[type=button].transparent.bigger,
input[type=submit].transparent.bigger,
a.button.transparent.bigger {
  padding: 13px 30px !important;
  font-size: 16px;
}
a.button-block,
input[type=button].button-block,
input[type=submit].button-block{
    display: block;
    text-align:center;
}


/*buttons inside titles*/
h1 .button, h2 .button, h3 .button, h4 .button, h5 .button, h6 .button {font-size: 14px; font-weight: 400; margin-left:16px;}

/*Call out!*/
div.callout h4 {border-bottom: 1px solid #e6e6e6; padding-bottom: 8px;}

/*Standarize width*/
.b-width {
  min-width:135px;
}
/*height of 100px to textarea*/
body .gform_wrapper .gform_body .gform_fields .gfield.small-height textarea { height:100px;}

/*------------------------------------*/
/*--------------- LISTS --------------*/
/*------------------------------------*/

/*redefine bootstrap defaul margin*/
ul, ol { margin: 0 0 1.714em 25px; }

/*lists with floating list items 50% width*/
ul.float-half > li {float: left; width: 48%;}

/*unordered unstyled list (by default sistina's ul lists are bulleted. If you want to remove bullets add class "unstyled")*/
.content ul.unstyled li:before {content:none;}
.content ul.unstyled {margin-left: 0;}

/*unordered regular list*/
.content ul {list-style-type:none; position: relative;}
.content ul li, .content ol li {margin-left:5px; position: relative; font-weight:300; line-height:1.75em;} /*left margin to ul/ol items*/
.content ul li:before,
.box-highlight ul li:before {content:"\25A0"; font-size:12px; color:#888888; position:absolute; left:-12px;}
.box-highlight ul li:before {left: -16px;}

/*add a little margin-top to child lists*/
.content ul ul, ul ol, ol ol, ol ul {margin-top:10px; margin-bottom: 10px;}
.content ul ul li:before {
  content:"\25CF"; font-size:0.714em;
  left:-16px;
}

/*unordered list with short border divider*/
.content ul.short-divider > li,
.content ul.orange > li {
  background: transparent url("/wp-content/themes/sistina-child/images/list-divider.png") left bottom no-repeat;
  padding-bottom:10px;
}
/*unordered list with loooong border divider*/
.content ul.long-divider ,
.content ol.long-divider {
  margin-left: 0;
}
.content ul.long-divider > li,
.content ol.long-divider > li{
  border-bottom: 1px solid #e6e6e6;
  padding:10px 0 10px 15px;
  margin-bottom: 0;
  margin-left: 0;
}
.content ul.long-divider > li:before, .content ol.long-divider > li:before {
  left: 0px;
}

/*unordered orange list*/
.content ul.orange > li { font-size:1.214em; font-weight:400; color:#ff7e2e;}

/*remove border from last child*/
.content ul.short-divider > li:last-child,
.content ul.orange > li:last-child { background-image: none;}
.content ul.long-divider > li:last-child {border-bottom: none;}

/*ordered regular list*/
.content ol {list-style-position: outside; margin-left:25px;}
.content ol li {margin-bottom:24px;}
.content ol ul  {margin-left:25px; margin-top:10px;}
.content ol ul ul {margin-left:17px; margin-top:0;}
.content ol ul li {margin-bottom:0;}

.content ol ul li,
.content ol ol li,
.content ul ul li,
.content ul ol li {margin-bottom: 5px;}

/*remove custom bullets (before:) for ordered list items that are nested inside unordered lists*/
.content ul ol li:before {content:none;}

/*ordered regular list (with less margin between list items, ideally for short list items)*/
.content ol.short li {margin-bottom:8px;}

/*remove margin for paragraphs inside lists*/
ul p, ol p {margin: 0;}

/*half span lists*/
.content ol.half > li,
.content ul.half > li {
  width: 50%;
  margin-left: 0;
  float: left;
}
/*always add an empty list item at the end, to clear-left*/
.content ol.half > li:last-child,
.content ul.half > li:last-child {float: none; clear:left; }
.content ul.half > li:last-child:before { display:none; }

/*we dont want margins for indented lists inside half spaned lists, it doesn't look good*/
.content ol.half ol,
.content ol.half ul,
.content ul.half ol,
.content ul.half ul { margin: 0}

/*custom ordered list with images as numbers*/
ol.stepped {list-style-type: none; margin-left:0;}
ol.stepped li {clear:left;}
ol.stepped.half > li {clear:none;}
ol.stepped li:nth-child(odd) span.text {padding-right: 20px;}
ol.stepped li span.step {
  float: left;
  display: block;
  width: 60px;
  height: 60px;
  background-image: url(/wp-content/uploads/2014/12/numbered_steps.png);
  background-repeat: no-repeat;
}
ol.stepped li span.text {
  display: block;
  margin-left: 70px;
}
/*three steps*/
ol.stepped.three-steps li span.step.one { background-position:0px -360px;}
ol.stepped.three-steps li span.step.two { background-position:-60px -360px; }
ol.stepped.three-steps li span.step.three { background-position:-120px -360px; }
/*four steps*/
ol.stepped.four-steps li span.step.one { background-position:0px -300px;}
ol.stepped.four-steps li span.step.two { background-position:-60px -300px; }
ol.stepped.four-steps li span.step.three { background-position:-120px -300px; }
ol.stepped.four-steps li span.step.four { background-position:-180px -300px; }
/*five steps*/
ol.stepped.five-steps li span.step.one { background-position:0px -240px; }
ol.stepped.five-steps li span.step.two { background-position:-60px -240px; }
ol.stepped.five-steps li span.step.three { background-position:-120px -240px; }
ol.stepped.five-steps li span.step.four { background-position:-180px -240px; }
ol.stepped.five-steps li span.step.five { background-position:-240px -240px; }
/*six steps*/
ol.stepped.six-steps li span.step.one { background-position:0px -180px; }
ol.stepped.six-steps li span.step.two { background-position:-60px -180px; }
ol.stepped.six-steps li span.step.three { background-position:-120px -180px; }
ol.stepped.six-steps li span.step.four { background-position:-180px -180px; }
ol.stepped.six-steps li span.step.five { background-position:-240px -180px; }
ol.stepped.six-steps li span.step.six { background-position:-300px -180px; }
/*seven steps*/
ol.stepped.seven-steps li span.step.one { background-position:0px -120px; }
ol.stepped.seven-steps li span.step.two { background-position:-60px -120px; }
ol.stepped.seven-steps li span.step.three { background-position:-120px -120px; }
ol.stepped.seven-steps li span.step.four { background-position:-180px -120px; }
ol.stepped.seven-steps li span.step.five { background-position:-240px -120px; }
ol.stepped.seven-steps li span.step.six { background-position:-300px -120px; }
ol.stepped.seven-steps li span.step.seven { background-position:-360px -120px; }
/*eight steps*/
ol.stepped.eight-steps li span.step.one { background-position:0px -60px; }
ol.stepped.eight-steps li span.step.two { background-position:-60px -60px; }
ol.stepped.eight-steps li span.step.three { background-position:-120px -60px; }
ol.stepped.eight-steps li span.step.four { background-position:-180px -60px; }
ol.stepped.eight-steps li span.step.five { background-position:-240px -60px; }
ol.stepped.eight-steps li span.step.six { background-position:-300px -60px; }
ol.stepped.eight-steps li span.step.seven { background-position:-360px -60px; }
ol.stepped.eight-steps li span.step.eight { background-position:-420px -60px; }
/*nine steps*/
ol.stepped.nine-steps li span.step.one { background-position:0px 0px; }
ol.stepped.nine-steps li span.step.two { background-position:-60px 0px; }
ol.stepped.nine-steps li span.step.three { background-position:-120px 0px; }
ol.stepped.nine-steps li span.step.four { background-position:-180px 0px; }
ol.stepped.nine-steps li span.step.five { background-position:-240px 0px; }
ol.stepped.nine-steps li span.step.six { background-position:-300px 0px; }
ol.stepped.nine-steps li span.step.seven { background-position:-360px 0px; }
ol.stepped.nine-steps li span.step.eight { background-position:-420px 0px; }
ol.stepped.nine-steps li span.step.nine { background-position:-480px 0px; }

/*remove margin from nested lists inside ol.stepped*/
ol.stepped ol,
ol.stepped ul {margin: 0;}


/*NEW STEPPED ORDERED LIST (no image, just css)*/
ol.steps {
    counter-reset: item;
    margin-left: 0;
    padding-left: 0;
}
ol.steps > li {
  display: block;
  margin-bottom: 10px;
  margin-left: 60px;
  min-height: 50px;
  margin-top: 20px;
}
ol.steps li:before {
  display: block;
  position: absolute;
  content: counter(item) "";
  counter-increment: item;
  font-size: 20px;
  font-weight: 400;
  color: #dd0031;
  width: 30px;
  height: 25px;
  margin-left: -50px;
  margin-right: 20px;
  border: 2px solid #29313b;
  border-radius: 25px;
  text-align: center;
  padding-top: 5px;
  top: -7px;
  line-height: 20px;
}
ol.steps ul li:before{
  counter-increment: subitem;
}
.steps ul li::before {
    border: 0 none;
    margin-left: -12px;
    top:-1px;
}
.steps ul li {
    margin-left: 0;
    min-height: auto;
    margin-top:0px;
}



/*end*/

/*------------------------------------*/
/*------------- ACCORDION ------------*/
/*------------------------------------*/

.toggle {
  border: none;
}
.toggle .content-tab {
  margin-bottom: 0 !important;
  border:1px solid #E6E6E6;
  padding: 15px 10px;
  font-size: inherit;
  margin-left: 0;
}
.toggle .content-tab p {
  padding-left: 0;
  padding-right: 0;
  padding-top: 0;
  margin-bottom: 0;
  font-size: 16px;
}
.toggle h4.tab-index {
  border:none;
  margin-bottom: 0;
  padding: 0;
}
.toggle h4.tab-index a{
  background-color: #fafafa;
  padding: 10px;
  margin-bottom: 0;
  border-left:1px solid #E6E6E6;
  border-right:1px solid #E6E6E6;
  border-bottom: none;
}
.toggle:first-child h4.tab-index,
.toggle.first h4.tab-index {
  border-top:1px solid #E6E6E6;
}
.toggle .tab-index.tab-closed {
  border-bottom:1px solid #E6E6E6;
}

.toggle h4.tab-index a, .toggle h4.tab-index a:hover {
  color: #000000;
  font-size: 20px;
  font-weight: normal;
  display: block;
}

.toggle .content-tab .row-fluid .span3 a.button {
  width: 100%;
  margin-left: -15px;
  margin-bottom: 10px;
}

.toggle .content-tab .row-fluid .span3 .logged-download {
  margin: 0 0 25px 0;
  padding: 0;
  background: none;
}

.toggle .content-tab .row-fluid .span3 .logged-download a {
  margin-left: -15px !important;
}

.toggle .content-tab .row-fluid .span3 .logged-download .has-border.orange-detail {
  padding: 10px 10px 20px 0px;
  font-size: 30px;
  text-align: left;
}

.toggle .content-tab .row-fluid .span3 .logged-download .modal {
  border-radius: 0;
  overflow: visible;
}

.toggle .content-tab .row-fluid .span3 .logged-download .modal .download-file-panel {
  overflow: hidden;
  margin-bottom: 15px;
}

.toggle .content-tab .row-fluid .span3 .logged-download .modal .download-file-panel .file-icon {
  margin-right: 8px;
  width: 45px;
}

.toggle .content-tab .row-fluid .span3 .logged-download .modal .download-file-panel .file-name-n-size {
  font-size: 12px;
  line-height: 18px;
  width: 258px;
  word-wrap: break-word;
  text-align: left;
}

.toggle .content-tab .row-fluid .span3 .logged-download .modal .download-file-panel .direct_download {
  padding-left: 0;
  padding-right: 0;
  width: 170px;
  text-align: center;
}

.toggle .content-tab .row-fluid .span3 .logged-download .modal button.close {
  border: 1px solid #FFF;
  font-family: sans-serif;
  font-weight: normal;
  display: block;
  height: 25px;
  position: absolute;
  right: -2px;
  top: -30px;
  width: 25px !important;
}

/*------------------------------------*/
/*------------- TABLES ---------------*/
/*------------------------------------*/

table {
  margin-bottom:20px;
}

table.regular {
  width: 100%;
  margin-bottom: 60px;
  border: 1px solid #D9D9D9;
}
table.regular th,
table.regular td {
  font-size:0.929em;
  text-align:left;
  padding: 10px 16px;
  border-left: 1px solid #D9D9D9;
  border-right: 1px solid #D9D9D9;
}
/*table head*/
table.regular th {
  background-color:#e6e6e6;
  font-size:16px;
  font-weight: 400;
  line-height: 25px;
  color:#000000;
  font-family: inherit;
}

table.regular tr {
    border-bottom:1px solid #e6e6e6;
    border-top: 1px solid #e6e6e6;
}
table.regular th:first-child,
table.regular tr td:first-child{border-left:0}
table.regular th:last-child,
table.regular tr td:last-child{border-right:0;}
table.regular td {font-weight:400; line-height: 1.4em;}
/*fix to tables without the structure thead - tbody */
table.regular tr.odd td { background-color:#FFFFFF;}
table.regular tr.even td { background-color:#FFFFFF;}
/*reduces spacing when needed */
table.regular.smaller-spacing td { border-left: 4px solid #FFFFFF; border-right: 4px solid #FFFFFF;}
table.regular.smaller-spacing th { border-left: 4px solid #FFFFFF; border-right: 4px solid #FFFFFF;}
/*reduce height (vertical padding) for white rows*/
table.regular tr td {padding:10px;}
table.regular .as-h5 { margin:0.6em 0; }

/** tables with class .regular and .small **/
table.regular.small td, table.regular.small th {
  border-left: 13px solid #FFFFFF;
  border-right: 13px solid #FFFFFF;
  padding: 1px 13px;
  font-size: 1em;
  line-height: 1.3em;
}
table.regular.small th {
  font-weight: normal;
}
table.regular.small tr:nth-child(2n) td {
  padding: 10px 13px;
}
table.regular.small p.subtitle {
  margin: 0 0 10px 0;
  font-weight: 700;
}
table.regular.small th:first-child,
table.regular.small tr td:first-child {
  border-left: 0;
  padding: 10px 13px;
}
table.regular.small th:last-child,
table.regular.small tr td:last-child  {
  border-right: 0;
}
table.regular.small p {margin: 0;}

.two-col {
  width:50%;
}
/*----- Related assetts full width -----*/
.related_assetts_table {
  width: 100%;
}

/*----- Tables columns with bold text -----*/
table.first-col-strong tr td:first-child {font-weight:700;}
table.second-col-strong tr td:first-child {font-weight:700;}
table.third-col-strong tr td:first-child {font-weight:700;}
table.fourth-col-strong tr td:first-child {font-weight:700;}


/*Table Post*/
table.posts.tr:nth-child(2n+1) {border-top:15px solid #f4f4f4; border-bottom:15px solid #f4f4f4; background-color:#f4f4f4;}
table.posts.tr:nth-child(2n+0){border-top:15px solid #FFFFFF; border-bottom:15px solid #FFFFFF; background-color:#FFFFFF;}

/*Course Pricing Tables*/

table.pricing th {
  font-size: 1.1em;
  font-weight: 600;
}
table.pricing th, table.pricing td {
  padding-bottom: 15px;
  padding-top: 15px;
  text-align: center;
  width:50%;
}
table.pricing
table.pricing b {
  font-size: 1.3em;
}
table.pricing td {
  color:#000000;
}
table.regular.pricing tr:nth-child(even) td { background-color:#FFFFFF;}
table.regular.pricing tr:nth-child(odd) td { background-color:#FFFFFF;}

.table-fixed {
  table-layout: fixed;
}
.table {display: table !important;}
.table-row {display: table-row !important;}
.table-cell {display: table-cell !important;}
.valign {vertical-align: middle;}

/*table dummy header: if need to simulate a table structure, use this styles to imitate the table header*/
.table-header {
  background-color: #ff7e2e;
  font-size: 1.3em;
  font-weight: 400;
  line-height: 25px;
  color: #FFFFFF;
  padding: 8px 10px;
}
.table-header.alternative {
  background-color:#888888;
}
/**** AS TABLES / Simulates a table with spans *** (used at Contact us) ****/
.as-table .span4 {
  padding: 20px;
  display: table;
}
.two-lines .span4 .as-h5 {
  vertical-align: middle;
  display: table-cell;
}
/*defines height when there are two line titles*/
.two-lines .span4 {
  height: 116px;
}

/* Data Tables Responsive */
table.dataTable.dtr-inline.collapsed tbody td:first-child:before,
table.dataTable.dtr-inline.collapsed tbody th:first-child:before {
  border: 0;
  box-shadow: none;
  background-color:#dd0031 !important;
}
table.dataTable.dtr-inline.collapsed tbody tr.parent td:first-child:before,
table.dataTable.dtr-inline.collapsed tbody tr.parent th:first-child:before {
  background-color:#d33333 !important;
}
table.dataTable > tbody > tr.child span.dtr-title {
  font-weight: normal;
}



.dataTables_wrapper .dataTables_length select {
  margin: 10px 5px;
}
.content table.dataTable ul li, .content table.dataTable ol li {
  margin-bottom: 0;
}
.dataTables_wrapper div.dataTables_paginate .paginate_button {padding:0 1em;}

/*------------------------------------*/
/*--------------- ICONS --------------*/
/*------------------------------------*/

/*Social Icons (facebook, linkeding, twitter)*/

/*default: twitter*/
a.social-icon {
  display: inline-block;
  width: 45px;
  height: 45px;
  background-repeat: no-repeat;
  background-position: -5px bottom;
  background-image: url(/wp-content/uploads/2014/11/social-icons21.png);
}
a.social-icon:hover {background-position: -5px top;}

/*facebook*/
a.social-icon.facebook {background-position: right bottom;}
a.social-icon.facebook:hover {background-position: right top;}

/*linkedin*/
a.social-icon.linkedin {background-position: center bottom;}
a.social-icon.linkedin:hover {background-position: center top;}


/*------------------------------------*/
/*-------------- MODAL ---------------*/
/*------------------------------------*/
/*Default Bootsrap Modal window*/
/*Add class 'image' for modals that contain only an image*/
div.modal.image img {max-width:none; width:auto;}
div.modal.image .popup-wrap {padding: 0;}

/*------------------------------------*/
/*--------------- TABS ---------------*/
/*------------------------------------*/

/* Four tabs */
.four-tabs li , .tabs-container ul.tabs.four-tabs li { background: none repeat scroll 0 0 #fafafa !important; border-bottom: 5px solid #e5e5e5 !important; border-left: 1px solid #e5e5e5 !important; border-top: 1px solid #e5e5e5 !important; float: left; margin: 0; padding: 0; width: 24.8%; position: relative; display:table;}
.four-tabs li:last-child, .tabs-container ul.tabs.four-tabs li:last-child { border-right: 1px solid #e5e5e5 !important;}
.tabs-container ul.tabs.four-tabs li:hover, .tabs-container ul.tabs.four-tabs li.current { border-bottom: 5px solid #ff7e2e !important;}
.four-tabs a, .tabs-container ul.tabs.four-tabs li a { display: table-cell; font-size: 14px; height: 55px; line-height: 14px; padding-left: 48px; padding-right:3px; text-align: left; vertical-align: middle; color:#888888; border:0 !important; float:none; }
.four-tabs li a:hover, .tabs-container ul.tabs.four-tabs li a:hover, .tabs-container ul.tabs.four-tabs li.current a { color:#ff7e2e; text-decoration:none; background: #fafafa;}
.four-tabs li:hover { border-bottom:5px solid #f4f4f4; background:#FFFFFF;}
.content ul.four-tabs li { margin-left: 0; }

.tabs-container ul.tabs.four-tabs {border:0;}

.four-tabs li:nth-child(1) a:before {
  background: none repeat scroll 0 0 #B0B0B0; border-radius: 50px; content: "1"; display: table-cell; font-size: 12px;
  font-weight: 700; height: 30px; left: 7px; line-height: 30px; position: absolute; text-align: center; top: 13px; width: 30px; color:#FFFFFF; }
.four-tabs li:nth-child(2) a:before {
  background: none repeat scroll 0 0 #B0B0B0; border-radius: 50px; content: "2"; display: table-cell; font-size: 12px;
  font-weight: 700; height: 30px; left: 7px; line-height: 30px; position: absolute; text-align: center; top: 13px; width: 30px; color:#FFFFFF;}
.four-tabs li:nth-child(3) a:before {
  background: none repeat scroll 0 0 #B0B0B0; border-radius: 50px; content: "3"; display: table-cell; font-size: 12px;
  font-weight: 700; height: 30px; left: 7px; line-height: 30px; position: absolute; text-align: center; top: 13px; width: 30px; color:#FFFFFF; }
.four-tabs li:nth-child(4) a:before {
  background: none repeat scroll 0 0 #B0B0B0; border-radius: 50px; content: "4"; display: table-cell; font-size: 12px;
  font-weight: 700; height: 30px; left: 7px; line-height: 30px; position: absolute; text-align: center; top: 13px; width: 30px; color:#FFFFFF; }

.four-tabs li:nth-child(1) a:hover:before, .tabs-container ul.tabs.four-tabs li:nth-child(1).current a:before {
  background: none repeat scroll 0 0 #ff7e2e; border-radius: 50px; content: "1"; display: table-cell; font-size: 12px;
  font-weight: 700; height: 30px; left: 7px; line-height: 30px; position: absolute; text-align: center; top: 13px; width: 30px; }
.four-tabs li:nth-child(2) a:hover:before, .tabs-container ul.tabs.four-tabs li:nth-child(2).current a:before {
  background: none repeat scroll 0 0 #ff7e2e; border-radius: 50px; content: "2"; display: table-cell; font-size: 12px;
  font-weight: 700; height: 30px; left: 7px; line-height: 30px; position: absolute; text-align: center; top: 13px; width: 30px; }
.four-tabs li:nth-child(3) a:hover:before, .tabs-container ul.tabs.four-tabs li:nth-child(3).current a:before {
  background: none repeat scroll 0 0 #ff7e2e; border-radius: 50px; content: "3"; display: table-cell; font-size: 12px;
  font-weight: 700; height: 30px; left: 7px; line-height: 30px; position: absolute; text-align: center; top: 13px; width: 30px; }
.four-tabs li:nth-child(4) a:hover:before, .tabs-container ul.tabs.four-tabs li:nth-child(4).current a:before {
  background: none repeat scroll 0 0 #ff7e2e; border-radius: 50px; content: "4"; display: table-cell; font-size: 12px;
  font-weight: 700; height: 30px; left: 7px; line-height: 30px; position: absolute; text-align: center; top: 13px; width: 30px; }

/*------------------------------*/
/*---------- SIDEBAR -----------*/
/*------------------------------*/

/*By default, the sidebar goes after the content. If you need the sidebar to be before the content,
move it before the content, and add 'side-before' class to <div id="primary"> */
#primary.sidebar-before .sidebar {
  margin-left: 0;
}
#primary.sidebar-before #content-page {
  margin-left: 0;
}


/*------------------------------------*/
/*--------- GRAVITY FORMS ------------*/
/*------------------------------------*/
.gform_wrapper .ginput_complex .ginput_right {
  margin-left: 1%;
}
.gform_wrapper .ginput_complex .ginput_right input[type=password] {
  width: 97% !important;
}
/*gform_wrapper max-width was 98%*/
#gform_wrapper {max-width: 100%;}

/*steps container*/
.gform_wrapper .gf_page_steps {
  padding: 0 0 0 0;
  border: 1px solid rgb(230, 230, 230);
  border-bottom: 4px solid rgb(230, 230, 230);
  width: 99.9%;
  background-color: white;
}
/*individual step*/
.gform_wrapper .gf_step {
  margin: 0;
  padding: 15px 90px 15px 90px;
  border-right: 1px solid rgb(230, 230, 230);
  font-size: 1em;
  color: #4d4d4d;
}
/*individual step active*/
.gform_wrapper .gf_step.gf_step_active {
  color: #ff7e2e;
  font-size: 1em;
}
/*step number*/
.gform_wrapper .gf_step span.gf_step_number {display: none;}

/*hand-coded titles (use html field)*/
.gform_wrapper h1,
.gform_wrapper h2,
.gform_wrapper h3 {
  font-weight: 300 !important;
}
.gform_wrapper h1.has-border,
.gform_wrapper h2.has-border,
.gform_wrapper h3.has-border {
  border-bottom: 1px solid #e6e6e6;
}
.gform_wrapper h1:after{content:"";}

/*section titles (use "section break" module)*/
.gform_wrapper .gsection {border-bottom: 0;}
.gform_wrapper h2.gsection_title {
  font-size:2.286em;
  font-weight: 300;
  color:rgb(0,0,0);
  padding: 48px 0 16px 0 !important;
  background-image: url(/wp-content/themes/sistina-child/images/form-h2-line.png);
  background-repeat: no-repeat;
  background-position: bottom left;
}

/*label & required*/
.gform_wrapper .top_label .gfield_label
/*.gform_wrapper .gfield_required*/ {
  color: #4d4d4d;
  font-size: 1.2em;
  line-height: 1.6em !important;
  font-weight: 300 !important;
}
/*reduce a little required form asterisk size*/
.gform_wrapper .gfield_required { font-size: 1.3em;}
/*labels in orange (Please put 'orange' css clas name in the gravity form field ('advanced' tab) )*/
.gform_wrapper .top_label .orange .gfield_label,
.gform_wrapper .orange .gfield_required  {color:#ff7e2e;}

/*inputs, select, textarea*/
body .gform_wrapper .gform_body .gform_fields .gfield input[type=text],
body .gform_wrapper .gform_body .gform_fields .gfield input[type=email],
body .gform_wrapper .gform_body .gform_fields .gfield input[type=tel],
body .gform_wrapper .gform_body .gform_fields .gfield input[type=url],
body .gform_wrapper .gform_body .gform_fields .gfield input[type=number],
body .gform_wrapper .gform_body .gform_fields .gfield input[type=password],
body .gform_wrapper .gform_body .gform_fields .gfield select,
body .gform_wrapper .gform_body .gform_fields .gfield textarea,
input[type=text],   input[type=email],    input[type=tel], input[type=url],
input[type=number], input[type=password], select, area
 {
    height: 40px;
    border:1px solid #E6E6E6;
    padding: 10px !important;
    box-shadow: none;
    border-radius:0;
    font-size: 14px;
    color: rgb(101, 100, 100);
    margin-right: 16px;
}

body .gform_wrapper .gform_body .gform_fields .gfield .chosen-container-multi .search-field input[type=text] {
    color: #A2A2A2 !important;
    height: 32px;
    font-size: 14px;
    cursor: pointer;
    width: 170px !important;
}

/*Placeholders*/
::-webkit-input-placeholder {
    color: #A2A2A2 !important;
    opacity: 1 !important;
}

:-moz-placeholder { /* Firefox 18- */
    color: #A2A2A2 !important;
    opacity: 1 !important;
}

::-moz-placeholder {  /* Firefox 19+ */
    color: #A2A2A2 !important;
    opacity: 1 !important;
}

:-ms-input-placeholder {
    color: #A2A2A2 !important;
    opacity: 1 !important;
}

/*Error messages*/
.gform_wrapper .gform_body .top_label li.gfield.gfield_error.gf_right_half { margin: 0; }
.gform_wrapper .gform_body .top_label li.gfield.gfield_error.gf_left_half,
.gform_wrapper .gform_body .top_label li.gfield.gfield_error.gf_right_half {
width: 46.5% !important;
box-sizing: border-box;
}

/*we dont want textform to be 40px height*/
body .gform_wrapper .gform_body .gform_fields .gfield textarea {height: auto;}

/*fix input sizing problem*/
input:not([type="image"]), textarea, button {
  box-sizing: border-box;
}

/*multi-select input*/
  /*remove background gradient*/
.gform_wrapper .chosen-container-multi .chosen-choices {background-image: none !important;}
  /*remove 'click to select' text*/
/*.gform_wrapper .chosen-container-multi .chosen-choices li.search-field {display: none;}*/
/*fix height*/
.gform_wrapper .multi-select .chosen-container-multi .chosen-choices {height:auto; min-height:40px; border-color: #e6e6e6;}

/*password input lock icon*//*reduce a little required form asterisk size*/
input[type=password] {
  background: url(/wp-content/themes/sistina-child/images/lock-password.png) no-repeat;
  background-position: 97% 50%;
}

/*validation error styles*/
.gform_wrapper form[id^="gform_"] .validation_error,
.gform_wrapper div.validation_error,
.validation_error {
  color: #dd0031;
  font-weight: normal;
  border: 1px solid #dd0031;
  padding: 32px;
  width: auto;
  /*width: 94.5%;*/
  box-sizing: border-box;
}
.gform_wrapper form[id^="gform_"] .gfield_error {
    background-color: #fafafa;
    border: 1px solid #dd0031;
    box-sizing: border-box;
}
form[id^="gform_"] .validation_message  {
    color:#dd0031;
    font-size: 0.857em;
}


/*other specific Gravity Form styles*/
/*Guiller:no entendimos que hace esta regla, por favor comentar su función aca mismo, o eliminarla si no hace nada.*/
#field_7_51 .gfield_required,
#field_6_51 .gfield_required {
  display: none;
}

/*reset defined height on labels (we dont wan't height if there is no content in the label)*/
.gfield_label {
    height: auto;
}

/*------------------------------*/
/*--------- COMMENTS -----------*/
/*------------------------------*/
.comments {font-size:14px !important; color:black!important; font-weight:700 !important;}
.comments .author-date {font-size: 12px; color:#888888; display: block; font-weight:300 !important;}

/*------------------------------------*/
/*--------- OTHER ELEMENTS -----------*/
/*------------------------------------*/
/*Pagination buttons (copied from sistina. The following styles are beign added upon)*/
.general-pagination {height: auto;}
.general-pagination a,
.general-pagination span.current,
.dataTables_wrapper div.dataTables_paginate .paginate_button,
.dataTables_wrapper div.dataTables_paginate .paginate_button.current {
  border: 1px solid #e6e6e6;
  display: inline-block;
  line-height: 40px;
  padding: 0 16px;
    /*font-size:1.214em;*/
  font-size:16px;
  font-weight:600;
  margin-right: -1px;
  color:#888888;
}
.general-pagination a.yit_pagination_next {padding-left: 15px; color:#dd0031;}
.general-pagination a.selected,
.general-pagination span.current,
.dataTables_wrapper div.dataTables_paginate .paginate_button:hover,
.dataTables_wrapper div.dataTables_paginate .paginate_button.current {
  background-color:#dd0031;
  color:#FFFFFF;
}
.dataTables_wrapper div.dataTables_paginate .paginate_button:hover {
  cursor: pointer;
  text-decoration: none;
}
.dataTables_wrapper div.dataTables_paginate .paginate_button.disabled {
  display: none;
}
.general-pagination a:first-child,
.general-pagination a:last-child  {border-radius:0;}

.content .general-pagination a{
    margin-left: -4px;
}
.content .general-pagination span.current {
    color: #FFFFFF;
    margin-left: -4px;
}


.dataTables_paginate.general-pagination {
  width: 100%;
  text-align: center;
}
.dataTables_paginate.general-pagination a.page-numbers {
  cursor: pointer;
  margin: 0;
}
.dataTables_paginate.general-pagination a.page-numbers:hover,
.dataTables_paginate.general-pagination a.page-numbers.current {
  color: #FFFFFF;
  background: #dd0031;
}


/*Search Index (example: 'TM Forum Members in 'Membership:Current Members' page)*/
div.index input[type="text"] {width: 300px;}
div.index .alphabet {
    font-size: 1em;
    margin-bottom: 20px;}
div.index .alphabet a {color:#888888; text-transform:uppercase; padding: 0 7px; transition: all 0.5s;}
div.index .alphabet a:hover {text-decoration: none; background-color: #888888; color: #FFFFFF; }
div.index ul {margin-left: 0 !important;}
div.index ul li {font-size: 1em; font-weight:100; color:#333; margin-left:0; margin-bottom:0; min-height: 0 !important;}
div.index ul li.title {
    border-bottom: 1px solid #e6e6e6;
    color:#dd0031;
    font-size:1.571em;
    font-weight: 200;
    margin-bottom: 0;
    padding-bottom: 20px;
    text-transform: uppercase;}

/* fix to alphabet lenght*/
.alphabet > * {
  display: inline-block;
}


/*div.index ul li:nth-child(4n-1) {margin-left:0;}*/

/*Current members list */
.tmf-current-members-list{
    border-bottom: 1px solid #e6e6e6;
    margin-bottom: 0;
    overflow: auto;
}
.tmf-current-members-list.no-border,
.tmf-current-members-list:last-child{
    border-bottom: none;
}
.index .tmf-current-members-list:nth-child(2n){
    background: #f4f4f4;
}
.tmf-current-members-list a,
.tmf-current-members-list span{
    padding: 0 0.5em;
    margin-bottom: 0.75em;
    margin-top: 0.75em;
    display: block;
}
.tmf-current-members-list li > a{
    color: #333;
}
.tmf-current-members-list li>a:hover,
.tmf-current-members-list li>a:active{
    color:#133595;
}

/*Bootstrap Tooltip*/
[data-toggle="tooltip"] {
    cursor:pointer;
}
/*TMF Menu item with icons*/
.menu-icon-img { float:left; width:70px; margin-right:15px; display:table-cell;}
.list_icons_widget a { color: #4d4d4d; }
.list_icons_widget a:hover { color: #dd0031; }
.list_icons_widget a:hover p { color: #4d4d4d; text-decoration:none; }
a.list-agenda-link { font-size:16px; display:table-cell; vertical-align:middle;}
a.list-agenda-link:hover { text-decoration: none; }
.menu-icon-text { font-size:14px;}
.menu-icons li { display: table; }

/*Video Box (courses)*/
.video-box { background: none repeat scroll 0 0 #f4f4f4; border: 1px solid #e5e5e5; padding: 30px 28px; width: auto;
}
.video-box .span4:nth-child(4) {margin-left: 0px; }
.video-box .span4 span {color: #888888; }

/*Testimonials on sidebar (training & certification)*/
.textwidget.testimonials {
  width: 100% !important;
  box-sizing:border-box !important;
  position: relative;
  max-height: 1200px!important;
  min-height: 391px!important;
  height: auto !important;
}

.sidebar-testimonial blockquote {background: none;}

.sidebar-testimonial {
  border-top: 4px solid #E1E1E1;
  box-sizing: border-box;
  /*background: #F4F4F4 url("/wp-content/themes/sistina/core/assets/images/cite.png") no-repeat scroll 18px 8px;*/
  background-color: #f4f4f4;
  position: relative;
  display: block;
  overflow: hidden;
  opacity: 0;
  max-height: 0;
  -webkit-transition: max-height .45s, opacity .2s;
       -o-transition: max-height .45s, opacity .2s;
          transition: max-height .45s, opacity .2s;
}

.sidebar-testimonial.shown {
  opacity: 1;
  max-height: 1200px;
  -webkit-transition: max-height .5s .25s, opacity 1s;
       -o-transition: max-height .5s .25s, opacity 1s;
          transition: max-height .5s .25s, opacity 1s;
}

.sidebar-testimonial blockquote {
  background: none;
}

.sidebar-testimonial blockquote.text {
  border: none;
  padding: 10px 20px;
  margin-bottom: 0;
  /*background: #F4F4F4 url("/wp-content/themes/sistina/core/assets/images/cite.png") no-repeat scroll 18px 8px;*/
}

.sidebar-testimonial blockquote.text:before,
.sidebar-testimonial blockquote.text:after {
  display: block;
  content: '\f10d';
  font-family: FontAwesome;
  color: #d0d0d0;
  font-size: 20px;
}

.sidebar-testimonial blockquote.text:after {
  text-align: right;
  content: '\f10e';
}

.sidebar-testimonial p.text {
  margin: 0;
  font-style: italic;
  font-size: 14px;
  line-height: 1.9;
}
.sidebar-testimonial .author-photo {
  padding: 20px;
  background-color: #FFFFFF;
  border: 1px solid #F4F4F4;
  float: left;
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.sidebar-testimonial .author-photo .photo,
.sidebar-testimonial .author-photo .author {
  float: left;
}
.sidebar-testimonial .author-photo .photo {
  margin-right: 10px;
}
.sidebar-testimonial .author-photo .photo img {
  border: 2px solid #DDD;
  width: 50px;
  height: 50px;
}
.sidebar-testimonial .author-photo .author {
  margin-top: 7px;
}
.sidebar-testimonial .author-photo .author p {
  font-size: 14px;
  margin: 0;
  padding: 0;
  font-weight: bold;
}
.sidebar-testimonial .author-photo .author p.company {
  font-weight: normal;
}

/* content testimonials */
.content-testimonial {
  background: none repeat scroll 0 0 #f4f4f4;
  font-size: 14px;
  font-style: italic;
  font-weight: 400;
  padding: 25px 20px;
  border-top:3px solid #e1e1e1;
  border-left:1px solid #f4f4f4;
  border-right:1px solid #f4f4f4;
  border-bottom:1px solid #f4f4f4;
}
.content-testimonial > span {
  background: none repeat scroll 0 0 #FFFFFF;
  display: block;
  font-size: 16px;
  font-style: normal;
  margin: 25px -20px 0;
  padding: 20px;
}
/*///////////////////////////////////////////////////////////////////////*/
/*---------------------------- REVOLUTION SLIDER ------------------------*/
/*///////////////////////////////////////////////////////////////////////*/

/*Inherit titles colors and font-weight defined in revslider editor*/
.rev_slider_wrapper h1,
.rev_slider_wrapper h2,
.rev_slider_wrapper h3,
.rev_slider_wrapper h4,
.rev_slider_wrapper h5,
.rev_slider_wrapper h6 {
  color:inherit;
  font-weight: inherit;
}
/*prevent buttons from shrinking on responsive*/
.TM_Forum_Button {
  font-size: 16px !important;
}
/*li fix (we have configured tmf lists items (li) to be postion:relative;
Revolution Slider list items need to be postion:absoulte )*/

.content .rev_slider ul li {position: absolute;}
/*custom navigation bullets*/
.tp-bullets.simplebullets.round .bullet {background: url('/wp-content/uploads/2014/12/bullet-orange.png') no-repeat top left;}



/*///////////////////////////////////////*/
/*---------------- IFRAME ---------------*/
/*///////////////////////////////////////*/

/*Embed iframes inside a div with class 'videoWrapper' to make it full with responsive'*/
.videoWrapper {
  position: relative;
  padding-bottom: 56.25%; /* 16:9 */
  padding-top: 25px;
  height: 0;
}
.videoWrapper iframe {
  position: absolute;
  top: 0; left: 0;
  width: 100%;
  height: 100%;
}

.is-flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.is-flex > [class*='span'] {
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 0 25px !important;
}

.is-flex.space-between > [class*='span'] {
  justify-content: space-between;
}

@media (max-width: 767px) {
  .flex-wrap-max-767 {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  .is-flex {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }


  .is-flex > [class*='span'] {
    box-sizing: border-box !important;
    flex: 1 1 auto;
    float: none !important;
    width: 50% !important;
    margin: 0 !important;
    margin-bottom: 60px !important;
  }

  .is-flex > [class*='span']:nth-child(even) {
    border-left: 1px solid #e6e6e6 !important;
  }
}

@media (max-width: 479px) {
  .is-flex > [class*='span']:nth-child(even) {
    border: none !important;
    width: 100% !important;
  }
}